<!DOCTYPE html>
<html lang="zxx" class="js">

<head>
    <base href="../">
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description"
        content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers.">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="./images/favicon.png">
    <!-- Page Title  -->
    <title>User List | DashLite Admin Template</title>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="./assets/css/dashlite.css?ver=2.2.0">
    <link id="skin-default" rel="stylesheet" href="./assets/css/theme.css?ver=2.2.0">
</head>

<body class="nk-body bg-lighter npc-general has-sidebar " ng-app="alienPlants" ng-controller="userController"
    ng-init="initAllUser()">
    <div class="nk-app-root">
        <!-- main @s -->
        <div class="nk-main ">
            <!-- sidebar @s -->
            <div class="nk-sidebar nk-sidebar-fixed is-dark " data-content="sidebarMenu" id="sliderModel">
            </div>
            <!-- sidebar @e -->
            <!-- wrap @s -->
            <div class="nk-wrap ">
                <!-- main header @s -->
                <div class="nk-header nk-header-fixed is-light" id="headerSilder">
                </div>
                <!-- main header @e -->
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head nk-block-head-sm">
                                    <div class="nk-block-between">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">所有用户</h3>
                                            <div class="nk-block-des text-soft">
                                                <p>一共有2,595个用户</p>
                                            </div>
                                        </div><!-- .nk-block-head-content -->
                                        <div class="nk-block-head-content">
                                            <div class="toggle-wrap nk-block-tools-toggle">
                                                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1"
                                                    data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                                                <div class="toggle-expand-content" data-content="pageMenu">
                                                    <ul class="nk-block-tools g-3">
                                                        <li class="nk-block-tools-opt">
                                                            <div class="drodown">
                                                                <a href="#"
                                                                    class="dropdown-toggle btn btn-icon btn-primary"
                                                                    data-toggle="dropdown"><em
                                                                        class="icon ni ni-plus"></em></a>
                                                                <div class="dropdown-menu dropdown-menu-right">
                                                                    <ul class="link-list-opt no-bdr">
                                                                        <li><a
                                                                                href="html/user-add.html"><span>添加新用户</span></a>
                                                                        </li>
                                                                        <!-- <li><a href="#"><span>Add Team</span></a></li>
                                                                        <li><a href="#"><span>Import User</span></a></li> -->
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div><!-- .toggle-wrap -->
                                        </div><!-- .nk-block-head-content -->
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="card card-bordered card-stretch">
                                        <div class="card-inner-group">
                                            <div class="card-inner position-relative card-tools-toggle">
                                                <div class="card-title-group">
                                                    <div class="card-tools">
                                                        <div class="form-inline flex-nowrap gx-3">
                                                            <div class="form-wrap w-150px">
                                                                <select class="form-select form-select-sm"
                                                                    data-search="off" data-placeholder="选择用户类型"
                                                                    ng-model="c_userType">
                                                                    <option value="">选择用户类型</option>
                                                                    <option value="4">所有用户</option>
                                                                    <option value="0">后台管理</option>
                                                                    <option value="1">部门管理</option>
                                                                    <option value="2">特殊身份</option>
                                                                    <option value="3">普通用户</option>
                                                                </select>
                                                            </div>
                                                            <div class="btn-wrap">
                                                                <span class="d-none d-md-block"><button
                                                                        class="btn  btn-primary"
                                                                        ng-click="choiceType()">筛选</button></span>
                                                                <span class="d-md-none"><button
                                                                        class="btn btn-dim btn-outline-light btn-icon disabled"><em
                                                                            class="icon ni ni-arrow-right"></em></button></span>
                                                            </div>
                                                        </div><!-- .form-inline -->
                                                    </div><!-- .card-tools -->
                                                    <div class="card-tools mr-n1">
                                                        <ul class="btn-toolbar gx-1">
                                                            <li>
                                                                <a href="#"
                                                                    class="btn btn-icon search-toggle toggle-search"
                                                                    data-target="search"><em
                                                                        class="icon ni ni-search"></em></a>
                                                            </li><!-- li -->
                                                            <li>
                                                                <div class="toggle-wrap">
                                                                    <a href="#" class="btn btn-icon btn-trigger toggle"
                                                                        data-target="cardTools"><em
                                                                            class="icon ni ni-menu-right"></em></a>
                                                                    <div class="toggle-content"
                                                                        data-content="cardTools">
                                                                        <ul class="btn-toolbar gx-1">
                                                                            <li class="toggle-close">
                                                                                <a href="#"
                                                                                    class="btn btn-icon btn-trigger toggle"
                                                                                    data-target="cardTools"><em
                                                                                        class="icon ni ni-arrow-left"></em></a>
                                                                            </li><!-- li -->
                                                                        </ul><!-- .btn-toolbar -->
                                                                    </div><!-- .toggle-content -->
                                                                </div><!-- .toggle-wrap -->
                                                            </li><!-- li -->
                                                        </ul><!-- .btn-toolbar -->
                                                    </div><!-- .card-tools -->
                                                </div><!-- .card-title-group -->
                                                <div class="card-search search-wrap" data-search="search">
                                                    <div class="card-body">
                                                        <div class="search-content">
                                                            <a href="#" class="search-back btn btn-icon toggle-search"
                                                                data-target="search"><em
                                                                    class="icon ni ni-arrow-left"></em></a>
                                                            <input type="text"
                                                                class="form-control border-transparent form-focus-none"
                                                                placeholder="请输入想查找用户">
                                                            <button class="search-submit btn btn-icon"><em
                                                                    class="icon ni ni-search"></em></button>
                                                        </div>
                                                    </div>
                                                </div><!-- .card-search -->
                                            </div><!-- .card-inner -->
                                            <div class="card-inner p-0">
                                                <div class="nk-tb-list nk-tb-ulist">
                                                    <div class="nk-tb-item nk-tb-head">
                                                        <div class="nk-tb-col">

                                                        </div>
                                                        <div class="nk-tb-col"><span class="sub-text">用户</span></div>
                                                        <div class="nk-tb-col tb-col-mb"><span
                                                                class="sub-text">部门</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-md"><span
                                                                class="sub-text">电话</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-lg"><span
                                                                class="sub-text">电子邮箱</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-lg"><span
                                                                class="sub-text">用户类型</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-md"><span
                                                                class="sub-text">用户ID</span>
                                                        </div>
                                                        <div class="nk-tb-col nk-tb-col-tools text-right">

                                                        </div>
                                                    </div><!-- .nk-tb-item -->
                                                    <!-- ng-repeat="u in userList" -->
                                                    <div class="nk-tb-item" ng-repeat="u in userList">
                                                        <div class="nk-tb-col nk-tb-col-check">

                                                        </div>
                                                        <div class="nk-tb-col">
                                                            <a href="html/user-info.html">
                                                                <div class="user-card">
                                                                    <div class="user-avatar"
                                                                        ng-class="u.userType==0?'':u.userType==1?'bg-info':u.userType==2?'bg-danger':'bg-dark'">
                                                                        <span>{{u.userName.substring(0,2)}}</span>
                                                                    </div>
                                                                    <div class="user-info">
                                                                        <span class="tb-lead">{{u.userName}}<span
                                                                                class="dot dot-success d-md-none ml-1"></span></span>
                                                                        <span>{{u.userEmail}}</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-mb">
                                                            <span class="tb-amount">{{u.deptName}}<span
                                                                    class="currency"></span></span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-md">
                                                            <span>{{u.userPhone}}</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-lg">
                                                            <span>{{u.userEmail}}</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-lg">
                                                            <span>{{u.userType==0?"后台管理":u.userType==1?"部门管理":u.userType==2?"特殊身份":"普通用户"}}</span>
                                                        </div>
                                                        <div class="nk-tb-col tb-col-md">
                                                            <span class="tb-status m-2">{{u.userId}}</span>
                                                        </div>
                                                        <div class="nk-tb-col nk-tb-col-tools">
                                                            <ul class="nk-tb-actions gx-1">
                                                                <li class="nk-tb-action-hidden"
                                                                    style="z-index: 999;position: absolute;">
                                                                    <a href="html/user-info.html?userId={{u.userId}}"
                                                                        class="btn btn-sm btn-icon btn-trigger"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="详情">
                                                                        <em class="icon ni ni-info-i"></em>
                                                                    </a>
                                                                </li>
                                                                <li class="nk-tb-action-hidden">
                                                                    <a href="html/user-modify-info.html?userId={{u.userId}}"
                                                                        class="btn btn-sm btn-icon btn-trigger"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="编辑">
                                                                        <em class="icon ni ni-edit"></em>
                                                                    </a>
                                                                </li>
                                                                <li class="nk-tb-action-hidden eg-swal-av3">
                                                                    <a href="javascript:void(0)"
                                                                        class="btn btn-sm btn-icon btn-trigger"
                                                                        data-toggle="tooltip{{u.userId}}"
                                                                        data-placement="top{{u.userId}}" title="删除"
                                                                        ng-click="deleteUser(u.userId)">
                                                                        <em class="icon ni ni-trash"></em>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <div class="drodown">
                                                                        <a href="#"
                                                                            class="btn btn-sm btn-icon btn-trigger"><em
                                                                                class="icon ni ni-more-h"></em></a>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div><!-- .nk-tb-item -->
                                                </div><!-- .nk-tb-list -->
                                            </div><!-- .card-inner -->
                                            <div class="card-inner">
                                                <div class="nk-block-between-md g-3">
                                                    <div class="g">
                                                        <ul
                                                            class="pagination justify-content-center justify-content-md-start">
                                                            <li class="page-item">
                                                                <a class="page-link" ng-click="delPage()" style="cursor:pointer;"> << </a>
                                                            </li>
                                                            <li class="page-item"><a class="page-link"
                                                                    href="#">{{data.pageNum}}</a></li>
                                                            <li class="page-item"><a class="page-link"
                                                                    ng-click="addPage()" style="cursor:pointer;">>></a>
                                                            </li>
                                                        </ul><!-- .pagination -->
                                                    </div>
                                                    <div class="g">
                                                        <div class="card-tools ml-4">
                                                            <div class="form-inline flex-nowrap gx-3">
                                                                <div class="form-wrap w-50px">
                                                                    <input type="text" class="form-control" required
                                                                        id="default-02" name="num"
                                                                        placeholder="请输入页数,共{{data.pages}}页"
                                                                        ng-model="num">
                                                                </div>
                                                                <div>
                                                                    <button class="btn btn-dim btn-outline-light"
                                                                        ng-click="initSpecByPage(num)">跳转</button>
                                                                </div>
                                                            </div><!-- .form-inline -->
                                                        </div><!-- .card-tools -->
                                                    </div>
                                                </div><!-- .nk-block-between -->
                                            </div><!-- .card-inner -->
                                        </div><!-- .card-inner-group -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
                <!-- footer @s -->
                <div class="nk-footer">
                    <div class="container-fluid">
                        <div class="nk-footer-wrap">
                            <div class="nk-footer-copyright"> &copy; 2020 DashLite. Template by <a
                                    href="http://www.bootstrapmb.com/" target="_blank">Softnio</a>
                            </div>
                            <div class="nk-footer-links">
                                <ul class="nav nav-sm">
                                    <li class="nav-item"><a class="nav-link" href="#">Terms</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Privacy</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer @e -->
            </div>
            <!-- wrap @e -->
        </div>
        <!-- main @e -->
    </div>
    <!-- app-root @e -->
    <!-- JavaScript -->
    <script src="./assets/js/bundle.js?ver=2.2.0"></script>
    <script src="./assets/js/scripts.js?ver=2.2.0"></script>
    <!-- <script src="./assets/js/example-sweetalert.js"></script> -->
    <script src="./assets/js/angular/angularjs/angular.min.js"></script>
    <script src="./assets/js/angular/angularjs/angular-route.min.js"></script>
    <script src="./assets/js/angular/base.js"></script>
    <script src="./assets/js/angular/service/userService.js"></script>
    <script src="./assets/js/angular/controller/userController.js"></script>
</body>

</html>